<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>고객센터 | FAQ</title>
	<link rel="stylesheet" type="text/css" href="css/common.css" />	
	<script type="text/javascript" src="js/jquery.custom_radio_checkbox.js"></script>	
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>	
	<script type="text/javascript" src="js/ui_script.js"></script>
	<script type="text/javascript">

	$(function() {

	$(".tab_content").hide();
	$(".tab_content:first").show();

	$("ul.tabs li").click(function() {
	$("ul.tabs li").removeClass("active").css("color","#333");
	//$(this).addClass("active").css({"color": "darkred","font-weight": "bolder"});
	$(this).addClass("active").css("color","#000");
	$(".tab_content").hide()
	var activeTab = $(this).attr("rel");
	$("#"+activeTab).fadeIn()
	});
	});
	</script> 	
</head>
 
<body class="cs">			
	<div id="wrap">					
		<?include "include/header.html"?>
		<?include "include/banner.html"?>
		<?include "include/gnb.html"?>
		<div id="containerCont">
			<!-- 컨텐츠영역 시작 -->					
			<div id="cont" class="content realCont fix">
				<div class="leftMenu">
					<h2 class="title"><!-- 2014-05-10 타이틀 텍스트로 변경 -->
						고객센터
					</h2>
					<ul>
						<li>공지사항</li>						
						<li class="on">FAQ</li>
						<li><a href="#">Q&amp;A</a></li>
					</ul>
					<ul class="smallBanner">												
						<li class="custCenter">
							<p><img src="images/img_customercenter.png" alt="오!포인트 고객센터 평일:9:00~18:00 토/일/공휴일휴무" /></p>
							<strong><img src="images/img_customerphone.png" alt="1899-0005" /></strong>
						</li>
					</ul>							
				</div>
				<div class="rightCont">
					<!-- location menu -->
					<div class="location">
						<a class="home" href="#"><img src="images/ico/icon_home2.png" alt="HOME" /></a>	
						<a href="#">고객센터</a>
						<span>FAQ</span>
					</div>
					<!-- // location menu -->
					<h3 class="title_sub">FAQ</h3><!-- 2014-05-10 class추가 -->
					<div class="box08Btm clB">
						<div class="box08Top">
							<form action="" method="post">
								<fieldset>
									<legend>FAQ 검색</legend>
									<div class="faqSch">
										<strong>FAQ 검색</strong>
										<span class="inputAll">
											<input type="text" class="inputAllIn" id="inputSchFaq" name="inputSchFaq" value="찾으시는 단어나 문장을 입력 후 검색하기를 클릭해주세요." style="width:365px;" />
										</span>										
										<span><a href="#"><img src="images/btn/btn_sch.png" alt="검색하기" /></a></span>	
									</div>
								</fieldset>
							</form>
						</div>
					</div>
					<div class="faqList fix">
						<ul>
							<li>
								<img src="images/cs/img_faq_tit.png" alt="자주하는질문 BEST 5" />
							</li>
							<li>
								<strong class="no1">회원정보</strong>
								<p>올레클럽 회원이면 Oh! point<br />홈페이지에 가입할 필요가 없나요?</p>
							</li>
							<li class="last">
								<strong class="no2">모바일카드</strong>
								<p>모바일카드와 멤버십카드 번호가 달라요.</p>
							</li>
							<li>
								<strong class="no3">멤버십 안내</strong>
								<p>Oh! point 카드를 발급받았습니다.<br />모바일카드를 추가 신청할 수 있나...</p>
							</li>
							<li>
								<strong class="no4">이벤트</strong>
								<p>이벤트 당첨이 되었습니다. 경품 수령 어떻게 해야하나요?</p>
							</li>
							<li class="last">
								<strong class="no5">포인트 사용</strong>
								<p>포인트 사용 한도가 있나요?</p>
							</li>
						</ul>
					</div>
					<div class="tabType_faq mt20 fix">					
						<ul class="tabs">
							<li class="active" rel="tab1">전체</li>
							<li rel="tab2">멤버십 안내</li>
							<li rel="tab3">회원가입/탈퇴</li>
							<li rel="tab4">포인트 적립/사용</li>
							<li rel="tab5">카드신청/등록</li>
							<li rel="tab6">이벤트</li>
							<li class="last fr" rel="tab7">기타</li>
						</ul>
						<div class="tab_container">
							<div id="tab1" class="tab_content">
								<ul>   
									<li><a href="#">이것은 첫 번째 탭의</a></li>								
								</ul>
							</div><!-- tab1 -->
							<div id="tab2" class="tab_content">
								<div class="scontB fix">
									<p class="bl04 fl mt5">Oh! point 멤버십</p>
									<span class="btn_type8 bold fr"><a href="#">Oh! point 가맹점</a></span>
								</div>
							</div><!-- tab2 -->
							<div id="tab3" class="tab_content">
								tab3
							</div><!-- tab3 -->
							<div id="tab4" class="tab_content">
								tab4
							</div><!-- tab4 -->
							<div id="tab5" class="tab_content">
								tab5
							</div><!-- tab5 -->
							<div id="tab6" class="tab_content">
								tab6
							</div><!-- tab6 -->
							<div id="tab7" class="tab_content">
								tab7
							</div><!-- tab7 -->
						</div>				
					</div>
					<div class="box09Btm clB mt10">
						<div class="box09Top">
							<div class="tblWrap fix">
								<table class="tbl_type2_faq" summary="번호, 문의제목등을 알수 있는 faq게시물 입니다.">
									<caption>FAQ</caption>
									<colgroup>
										<col width="90" />										
										<col width="*" />
									</colgroup>
									<tbody>
										<tr class="first">
											<th scope="col">번호</th>
											<th scope="col">문의제목</th>	
										</tr>
										<tr>
											<td class="ac bold">96</td>											
											<td><strong>[Oh! point 가맹점]</strong> Oh! point 가맹점은 어딘가요?
												<span class="icoUp fr"><a href="#"><img src="images/ico/icon_arrow_up1.png" alt="위로접기" /></a></span>
											</td>
										</tr>
										<tr>
											<td class="answer" colspan="2">
												Oh! point 홈페이지에 가입하시면, Oh! point 적립 및 사용내역을 조회하거나 기타 이벤트 등 다양한 혜택을 확인하실 수 있습니다. Oh! point 홈페이지에 가입하시면, Oh! point 적립 및 사용내역을 조회하거나 기타 이벤트 등 다양한 혜택을 확인하실 수 있습니다. 지정 택배 선택 후 반품/교환 신청을 하시면 자동으로 택배 수거 신청이 완료되며, 2~3일 이내에 택배사 직원이 수거지 주소로 직접 방문합니다. 택배사 서비스가 불가한 상품은 지정택배에서 방문하지 않습니다. 
											</td>
										</tr>
										<tr>
											<td class="ac bold">95</td>											
											<td><strong>[Oh! point 멤버십]</strong> Oh! point 카드를 발급받았습니다. 모바일카드를 추가로 신청할 수 있나요?						
											</td>
										</tr>
										<tr>
											<td class="ac bold">94</td>											
											<td><strong>[Oh! point 멤버십]</strong> 올레클럽 회원이면 Oh! point 홈페이지에 가입할 필요가 없나요?
											</td>
										</tr>
										<tr>
											<td class="ac bold">93</td>											
											<td><strong>[Oh! point 멤버십]</strong> Oh! point 카드를 발급받았습니다. 모바일카드를 추가로 신청할 수 있나요?						
											</td>
										</tr>
										<tr>
											<td class="ac bold">92</td>											
											<td><strong>[Oh! point 멤버십]</strong> Oh!는 무슨 의미인가요?</td>
										</tr>
										<tr>
											<td class="ac bold">91</td>											
											<td><strong>[Oh! point 멤버십]</strong> Oh! point란 무엇인가요?</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<!-- paging -->
					<div class="box05Btm mt10">
						<div class="box05Top">
							<div class="paging">
								<a href="#" class="first"><img src="images/btn/btn_first.png" alt="맨처음으로" /></a>
								<a href="#" class="prev"><img src="images/btn/btn_prev.png" alt="이전으로" /></a>
								<strong>1</strong>								
								<a href="#">2</a>
								<a href="#">3</a>
								<a href="#">4</a>
								<a href="#">5</a>
								<a href="#">6</a>
								<a href="#">7</a>
								<a href="#">8</a>
								<a href="#">9</a>
								<a href="#">10</a>
								<a href="#" class="next"><img src="images/btn/btn_next.png" alt="다음으로" /></a>
								<a href="#" class="last"><img src="images/btn/btn_last.png" alt="맨마지막으로" /></a>
							</div>
						</div>
					</div>
					<!-- //paging -->
				</div>		
				<div class="cont">
					<img style="display:none;" src="images/@img_cont03.png" alt="" />
				</div>				
			</div>			
			<!-- //컨텐츠영역 종료 -->
			<?include "include/footer.html"?>		
		</div>
	</div>
</body>
</html>